The owners of Little Lemon
have discovered that fewer and fewer customers are placing takeout orders by phone. They also conducted a
survey which revealed that many of these
customers have turned to alternative
restaurants as they offer the convenience of
ordering through a mobile app. In order to reverse
this downward trend, the owners would like to make
this option available for Little Lemon customers as well
by creating their own app. On top of the base
functionality, they want the app to provide a warm and pleasant
experience which reflects the service that
the restaurant is known for. You can help the owners
of Little Lemon achieved this goal by applying
the principles of UX UI, User Experience and User Interface when
designing the app. In this lesson, you will
have a brief recap of the principles of UX UI
covered in a previous course. You will produce the
wire-frames, some components, and a prototype of the Little
Lemon app using Figma. Did you know that several stages make up the UX UI process? These includes the planning, design, development,
and launch phases. Arguably, the most
crucial stage in this UX UI process is
the planning phase, which includes gathering the user's objectives and goals, and determining and mapping the project's overall purpose. The design phase is where
designers turn the facts and information from the
planning stage into reality. This stage must produce design structures and sketches
for approval and testing. Then follows the
development phase where coding and programming tasks are completed as well as testing. This phase essentially involves the implementation
of the results acquired during
the previous step. In your case, producing a functional website
or mobile application. The product is delivered
during the launch phase. You will start by exploring
UX and learning how following the UX process
will enable you to design an intuitive
app for ordering food. Making the app easy to
use will likely keep customers coming back to place additional orders in the future. Keep in mind that because a project can
constantly be improved, UX is an iterative process where post-launch feature testing and improvements will
last indefinitely. There isn't a specific
design process for UI, but it's still crucial. When it's done correctly, customers usually
don't even notice it. But if it's not, they will have a negative experience and most will uninstall the app
and not come back. To clarify the
purpose of UI and UX, an example of a fantastic UI and bad UX is something
that looks lovely, but it's challenging to use. While something
that is incredibly usable but unpleasant to look at is an example of a
great UX and poor UI. You will now be taken
through the steps to create both a fantastic UX and UI for the food ordering function in this
lesson via readings, exercises, and quizzes.
Let's get to it.